<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		     <div id="forms" class="mt10">
        <div class="box">
          <div class="box_border">
            <div class="box_top"><b class="pl15">出勤情况</b></div>
            <div class="box_center">
              <form action="" class="jqtransform">
               <table class="form_table pt15 pb15" width="100%" border="0" cellpadding="0" cellspacing="0">
                 <tr>
                  <td class="td_right">姓名：</td>
                  <td class=""> 
                    <input type="text" name="name" class="input-text lh30" size="40">
                  </td>
                
                </tr>
                <tr >
                  <td class="td_right">是否出勤：</td>
                  <td class="">
 
                    <span class="fl">
                      <div class="select_border"> 
                        <div class="select_containers "> 
                        <select name="" class="select"> 
                        <option>是</option> 
                        <option>否</option> 
                        </select> 
                        </div> 
                      </div> 
                    </span>
                  </td>
                 </tr>
                 <tr>
                  <td class="td_right">出勤时间：</td>
                  <td class="">
                    <input type="datetime-local" value="2019-09-24T13:59:59"/>
                  </td>
                 </tr>
                 <tr>
                  <td class="td_right">是否迟到：</td>
                  <td class="">
                    <input type="checkbox" name="check" > 迟到
                    <input type="checkbox" name="check" > 未迟到
                  </td>
                </tr>
       
                 <tr>
                   <td class="td_right">&nbsp;</td>
                   <td class="">
                     <input type="button" name="button" class="btn btn82 btn_save2" value="提交"> 
                    <input type="button" name="button" class="btn btn82 btn_res" value="重置"> 
                   </td>
                 </tr>
               </table>
               </form>
            </div>
          </div>
        </div>
     </div>
   </div> 
	</body>
	<style>
		.box{}
		.box_border{border: 1px solid #d3dbde;}
		.box_top{
			height: 37px;
			line-height;
			background: url(index/box_top.png) 0 0 repeat-x ;
		}
		.form_table td{
			padding: 5px 5px;
		}
		.input-text{
			height: 28px
		}
		.input-text{
			    border: 1px solid #bac7d2;
    background: #f7fcfe;
    border-radius: 2px;
    box-shadow: 2px 2px 2px #e7f1f7 inset;
		}
		.select{
			border: 1px solid #bac7d2;
padding: 4px 3px;
font-size: 12px;
height: 30px;
*margin: -1px;
border-radius: 2px;
box-shadow: 2px 2px 2px #e7f1f7 inset;
		}
		.list_table{
			width: 100%;
border-top: 1px solid #d3dbde;
border-right: 1px solid #d3dbde;
		}
		.list_table th{
		height: 37px;
		background: url('../images/box_top.png') 0px 0px repeat-x;
		line-height: 37px;
		border-left: 1px solid #d3dbde;
		}
		.list_table td{
			border-bottom: 1px solid #d3dbde;
		    border-left: 1px solid #d3dbde;
		    padding: 5px;
		}
		.form_table td{
			padding: 5px 5px;
		}
		.pagination ul{
			display: inline-block;
margin-bottom: 0;
margin-left: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.05);
box-shadow: 0 1px 2px rgba(0,0,0,0.05);
		}
		.pagination li{
			display: inline;
		}
		.pagination ul li a, .pagination ul li span {
			float: left;
			padding: 4px 12px;
			line-height: 20px;
			text-decoration: none;
			background-color: #fff;
			background: url('../images/bottom_bg.png') 0px 0px;
			border: 1px solid #d3dbde;
			border-left-width: 0;
			color: #08c;
		}
		.pagination ul li a:hover{
			color: red;
		}
		.pagination ul li.first-child a, .pagination ul li.first-child span {
			border-left-width: 1px;
			-webkit-border-bottom-left-radius: 3px;
			border-bottom-left-radius: 3px;
			-webkit-border-top-left-radius: 3px;
			border-top-left-radius: 3px;
			-moz-border-radius-bottomleft: 3px;
			-moz-border-radius-topleft: 3px;
		}
		.pagination ul .disabled span, .pagination ul .disabled a, .pagination ul .disabled a:hover {
		color: #999;
		cursor: default;
		background-color: transparent;
		}
		.pagination ul .active a, .pagination ul .active span {
		color: #999;
		cursor: default;
		}
		.pagination ul li a:hover, .pagination ul .active a, .pagination ul .active span {
		background-color: #f5f5f5;
		}
		.pagination ul li.last-child a, .pagination ul li.last-child span {
			-webkit-border-top-right-radius: 3px;
			border-top-right-radius: 3px;
			-webkit-border-bottom-right-radius: 3px;
			border-bottom-right-radius: 3px;
			-moz-border-radius-topright: 3px;
			-moz-border-radius-bottomright: 3px;
		}
	</style>
</html>
